<html>
  <head>
    <style>
      body {
        margin: 0;
        padding: 0;
        font-family: "Source Sans Pro", Calibri, Carlito, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.5;
      }
      .email {
        height: 100%;
        text-align: center;
      }

      .email--light {
        background-color: white;
        color: #424242;
      }
      .email--light .button {
        color: white;
      }

      .bar {
        height: 16px;
        background: #10243e;
      }
      .logo {
        margin: 32px 0;
        max-height: 45px;
        object-fit: contain;
      }
      .content {
        max-width: 560px;
        margin: 0 auto;
      }
      .button {
        display: inline-block;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 23.5px;
        cursor: pointer;
        border-radius: 3px;
        text-decoration: none;
        color: inherit;
        background: #10243e;
      }
      .bottom {
        padding-bottom: 24px;
      }
    </style>
  </head>
  <body>
    <div class="email email--light">
      <div class="bar"></div>
      <img
        class="logo"
        src="{domain}/static/holm_security_logo_blue.png"
        alt="Company logo"
      />
      <div class="content">
        <h1>Witaj {name}!</h1>
        <br />
        <p>
          Twoja firma planuje przeprowadzić szkolenie uświadamiające w zakresie cyberbezpieczeństwa. Będziesz częścią jednego lub więcej zadań, w ramach których otrzymasz wiadomość na ten adres e-mail.
        </p>
        <p>
          Zwracaj uwagę na wiadomości z zaproszeniami w swojej skrzynce odbiorczej (lub folderze wiadomości śmieci/SPAM).
        </p>
        <p>
          Ta wiadomość została wygenerowana automatycznie. W przypadku dodatkowych pytań skontaktuj się z działem IT.
        </p>
      </div>

      <div class="bottom"></div>
    </div>
  </body>
</html>